@import 'variable';


.mmm_main{
  background-color: #fff;
    .nav{
      border-top:1px solid #ccc;
      border-bottom:1px solid #ccc;
      padding:0 15rem/@base;
      background-image:linear-gradient(to bottom,white,#ECECEC);
      .left{
        height: 70rem/@base;
        font-size:24rem/@base;
        font-weight: 700;
        line-height:68rem/@base;
      }
      .right{
        button{
          width: 124rem/@base;
          height:54rem/@base;
          font-size: 24rem/@base;
          border-radius:10rem/@base;
          border:none;
          vertical-align: middle;
          border:1px solid #ccc;
        }
      }
    }
    .items{
      .item{
        a{
          display: block;
          height: 234rem/@base;
          border-bottom: 1px solid #ccc;
          padding:27rem/@base 40rem/@base 0 20rem/@base;
          img{
            width: 199rem/@base;
            margin-right:20rem/@base;
            float:left;
          }
          .info{
            overflow: hidden;
            height: 100%;
            p{
              font-size:26rem/@base;
            }
            .price{
              font-size: 30rem/@base;
              color: red;
            }
            .num{
              color: #B8B6C2;
              font-size:22rem/@base;
              span:first-child{
                padding:10rem/@base;
              }
            }
          }
        }
      }
    }
    .pagination{
      height: 93rem/@base;
      padding:16rem/@base 42rem/@base;
      position: relative;
      .prev,
      .next{
        width: 166rem/@base;
        height: 68rem/@base;
        font-size:24rem/@base;
        background-color: #DDDDDD;
        border-radius:10rem/@base;
        border:none;
      }
      .center{
        position: absolute;
        top:14rem/@base;
        left:50%;
        transform:translateX(-50%);
        select{
          padding:16rem/@base 26rem/@base;
          font-size:26rem/@base;
        }
      }
    }
}



.mmm_footer{
  height: 233rem/@base;
}
  
  